.user-form {
	background-color: #F1F1F1;
	height:100%;
	width:100%;
	z-index: 1;
	button{
		background-color: white!important;
	}
	.user_header{
		background-image: linear-gradient(90deg, #FF5858 0%, #F23030 100%);
		height:10.666667rem;
		width:100%;
		div{
			font-size: 1.7rem;
			color:#fff;
			float: left;
			padding:1rem 0 0 1rem;
		}
		span{
			float: right;
			padding:1rem 1rem 0 0;
				img{
					width:2.266667rem;
				}			
		}
		.message_img{
			width:100%;
			clear: both;
			text-align: center;
			img{
				width:4.0rem;
				height:4.0rem;
				border-radius: 2.0rem;	
			}
			p{
				color:#fff;
				font-size:1.333333rem; 
				padding-top:.2rem;
			}
		}	
	}
	.user_content{
		div{
			background-color: #fff;
		}
		.flew{ 
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    flex-direction: row;   
		}
		.user_dd{
			-webkit-justify-content: space-between;
    	justify-content: space-between;
    	padding:.8rem 1.0rem;
    	border-bottom:#ddd 0.066667rem solid;
    		div{
	    		&:first-of-type{
	    			font-size:1.0rem;
	    			color:#333;
	    		}
	    		&:last-of-type{
						color:#666;
						font-size:0.866667rem;
	    		}
	    	}
    	
		}
		.user_jc{
			-webkit-justify-content: space-around;
    	justify-content: space-around;
    	box-shadow: 0 0.066667rem 0.066667rem 0.066667rem #ddd;
    	div{
    		padding:1.5rem 1rem;
    		text-align: center;
    		color: #666;
    		font-size: 0.933333rem;
    		span{
    			width:2rem;
    			height:1.666667rem;
    			background-image:url(../../images/user/user.png);
    			background-size:9.6rem 1.666667rem;
    			display: inline-block;
    			
    		}
    		.user_one{
    			background-position: -0.266667rem 0;
    		}
    		.user_two{
    			background-position: -12.333333rem 0;
    		}
    		.user_three{
    			background-position: -5.2rem 0;
    		}
    		.user_four{
    			background-position: -7.666667rem 0;
    			-webkit-filter:grayscale(1);
    		}
    		p{
    			display: block;
    			font-size: 0.933333rem;
    			color:#666;
    			padding-top: 0.333333rem;
    		}
    	} 	
		}
		.user_list{
			margin-top: 0.666667rem;
			box-shadow: 0 0.066667rem 0.066667rem 0.066667rem #ddd;
			button{
				box-shadow: none;
				background-color: white;
				height:3.333333rem;
				padding:0 .5rem 0 1rem;
				clear: both;
				border-bottom: #ddd 0.066667rem solid;
				img{
					width: 25px;
					height:1.333333rem;
					display: inline-block;
					line-height: 1.333333rem;
				}
				span{
					display: inline-block;
					line-height: 1.333333rem;
					margin-right: 0.713333rem;
					float: left;
				}
				.user_right{
					float: right;
					line-height: 1.333333rem;
					color:#979797;
					font-size: 1rem;
				}
				a{
					width: 100%;
					height:3.333333rem;
					padding: 1.0rem 0;
					overflow: hidden;
					box-sizing: border-box;
					display: flex;
					justify-content: space-between;
				}
			}  
		}
		.out{
			width:23.0rem;
			height:2.933333rem;
			background-color:#DF1212 !important;
			border-radius: 0.266667rem;
			display: block;
			border:none;
			font-size: 1.333333rem;
			margin:2rem auto 0 auto;
			span{
				color:#fff  !important;
			}
		}
	}
}
.user-form{
	.user_content {
		.yy{
			padding-bottom: 5.0rem;
			background-color: #F1F1F1;
		}
	}
}


